<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css"/>
    <style>
        #container {
            width: 500px;
            margin-top: 50px;
            margin-left: 50px;
        }
    </style>
    <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>
<body>
<div id="container">
    <form action="" role="form" class="form-horizontal" id="up_student_form">
        <div class="form-group controls-row">
            <label for="" class="control-label col-md-2 inline"><span
                    class="text_red">*</span>姓名：</label>

            <div class="col-md-4">
                <input type="text" class="form-control" placeholder="学生姓名" id="up_name">
            </div>
            <label for="" class="control-label col-md-2 inline"><span class="text_red">*</span>昵称：</label>

            <div class="col-md-4">
                <input type="text" class="form-control" placeholder="学生昵称" id="up_nickname">
            </div>
        </div>
        <div class="form-group">
            <label for="" class="control-label col-md-2 inline"><span class="text_red">*</span>性别：</label>
            <div class="col-md-4">
                <select name="" id="up_sex" class="form-control">
                    <option value="1">男</option>
                    <option value="2">女</option>
                </select>
            </div>
            <label for="" class="control-label col-md-2 inline"><span class="text_red">*</span>手机：</label>
            <div class="col-md-4">
                <input type="text" class="form-control" placeholder="手机号码" id="up_phone">
            </div>
        </div>
        <div class="form-group">
            <label for="" class="control-label col-md-2 inline"><span class="text_red">*</span>生日：</label>
            <div class="col-md-4">
                <input type="text" class="form-control" id="up_birthday" readonly="readonly" calendarId="addBC">
            </div>
            <label for="" class="control-label col-md-2 inline">电话：</label>
            <div class="col-md-4">
                <input type="text" class="form-control" placeholder="家中固定电话" id="up_telephone">
            </div>
        </div>
        <div class="form-group">
            <label for="" class="control-label col-md-2 inline">邮箱：</label>
            <div class="col-md-10">
                <input type="text " class="form-control" id="up_email" placeholder="输入邮箱">
            </div>
        </div>
        <div class="form-group">
            <label for="" class="control-label col-md-2 inline">地址：</label>
            <div class="col-md-10">
                <textarea class="form-control" id="up_address"></textarea>
            </div>
        </div>
        <div class="form-group">
            <label for="" class="control-label col-md-2 inline">备注：</label>
            <div class="col-md-10">
                <textarea class="form-control" id="up_remark" placeholder="请不要超过140字"></textarea>
            </div>
        </div>
    </form>
</div>
</body>
</html>